﻿@{
    ViewBag.Title = "PointList";
}

@section scripts
{
    <script type="text/javascript" src="~/Scripts/App/Member/point_list.js"></script>
}

<header>
    <div class="row">
        <div class="large-12 columns">
            <div class="header-for-show">
                <ul class="example-orbit-content" data-orbit>
                    <li data-orbit-slide="headline-1">
                        <div>
                            <h3>Quảng cáo 1</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-2">
                        <div>
                            <h3>Quảng cáo 2</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                    <li data-orbit-slide="headline-3">
                        <div>
                            <h3>Quảng cáo 3</h3>
                            <h5>Thông tin thêm về quảng cáo</h5>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>
<section id="main-content">
    <div class="row">
        <div class="large-10 medium-10 columns push-2">
            <div class="row">
                <div class="large-12 medium-12 columns">
                    <h3 class="bottom40 border-bottom user-name" data-bind="text: FullName"></h3>
                    <h4>Điểm thưởng <small>Đây là trang danh sách điểm thưởng</small></h4>
                    <div class="row user-info">
                        <div class="large-11 medium-11 columns push-1">
                            <table>
                                <thead>
                                    <tr>
                                        <td>STT</td>
                                        <td>Thời gian</td>
                                        <td>Quảng cáo</td>
                                        <td>Điểm cộng</td>
                                    </tr>
                                </thead>
                                <tbody data-bind="foreach: MemPoints">
                                    <tr>
                                        <td data-bind="text: No" style="text-align: center;"></td>
                                        <td data-bind="text: TimeView">01/01/2013</td>
                                        <td><a data-bind="text: Title, attr: {href: '../Home/Advertise/' + AdvId}"></a></td>
                                        <td data-bind="text: Point" style="text-align: center;"></td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <ul class="pagination" data-bind="foreach: Pages">
                                        <li><a href="#" data-bind="text: $data, click: $root.ChangePage"></a></li>
                                    </ul>
                                </tfoot>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="large-2 medium-2 columns pull-10">
            <ul class="side-nav">
                <li class="avatar">
                    <img style="width: 150px; height: 150px;" data-bind="attr: {src: Avatar}">
                </li>
                <li>
                    <a href="~/Member">Thông tin</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/EditProfile">Sửa thông tin</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/ChangeAvatar">Đổi ảnh đại diện</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/ChangePassword">Đổi mật khẩu</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#">Điểm thưởng</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/ExchangeHistory">Lịch sử giao dịch</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="~/Member/SubcribeList">Danh sách theo dõi</a>
                </li>
            </ul>
            <div></div>
        </div>
    </div>
</section>
